<template>
  <view class="public-content">

    <view class="public-title title-mt">
      {{ $t('index.serve.title') }}
    </view>
    <view class="brand-box">
      <view class="box-text">
        <text>{{ $t('index.serve.name') }}</text>
      </view>
      <view class="box-img">
        <image src="/static/index/KbankIntro_01.png" mode="scaleToFill"></image>
      </view>
      <view class="box-text">
        <text>앞으로도 케이뱅크는 생활 속 고객의 니즈와 맥락을 이해하고 차별화된 상품과 서비스를 제공하는 ‘생활 속의 은행’, 보다 쉽고 재미있는 투자 경험을 선사하고자 하는 ‘혁신투자 허브 은행’,
          최신 기술의 선도적인 도입을 통해 고객에게 놀라움을 더해 주는 ‘최신 기술 선도 은행’(Tech Leading Bank)로 고객분들께 한 걸음 더 다가가겠습니다. </text>
      </view>
    </view>

  </view>
</template>


<script setup></script>

<style lang="scss" scoped>
.brand-box {
  margin-top: 20rpx;

  .box-text {
    display: flex;
    flex-direction: column;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 24rpx;
    color: #666666;
    text-align: left;
    font-style: normal;
    text-transform: none;

    text {
      line-height: 38rpx;
    }


  }

  .box-img {
    overflow: hidden;
    margin: 80rpx 0;

    image {
      width: 100%;
      height: 470rpx;
      border-radius: 34rpx;
    }
  }
}
</style>